<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>首页</title>

	<link rel="stylesheet" href="./css/index.css">
	<link rel="stylesheet" href="./css/swiper.min.css">
</head>

<body id="content">
	<!-- 顶部导航一 -->
	<!-- <div class="header">
		<header>
			<div class="logo">
				<img src="./img/index_16.png" alt="">
			</div>
			<ul class="right">
				<li>
					<img src="./img/index_06.png" alt="">
					<div>企业建站</div>
				</li>
				<li>
					<img src="./img/index_08.png" alt="">
					<div>小程序开发</div>
				</li>
				<li>
					<img src="./img/index_10.png" alt="">
					<div>SEO优化</div>
				</li>
				<li>
					<img src="./img/index_03.png" alt="">
					<div>营销推广</div>
				</li>

				<li>
					<img src="./img/index_13.png" alt="">
					<div>微信开发</div>
				</li>
			</ul>
		</header>
	</div> -->
	<!-- 顶部导航二 -->
	<div class="nav">
		<nav>
			<ul class="left">
				<li class="active">
					<span>首页</span>
				</li>
				<li>
					<span>关于</span>
				</li>
				<li>
					<span>服务 </span>
				</li>
				<li>
					<span>解决</span>
				</li>
				<li>
					<span>案例</span>
				</li>
				<li>
					<span>新闻</span>
				</li>
				<li>
					<span>联系</span>
				</li>
				<li>
					<span>活动</span>
				</li>
				<li>
					<span>微营销</span>
				</li>

			</ul>
			<ul class="right">
				<li>小程序</li>
				<li>公众号</li>
			</ul>
		</nav>
	</div>
	<!-- 大轮播 -->
	<div class="banner">
		<div class="swiper-container" id="banner_swiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<img src="./img/1.jpg" alt="">
				</div>
				<div class="swiper-slide">
					<img src="./img/1.jpg" alt="">
				</div>
				<div class="swiper-slide">
					<img src="./img/1.jpg" alt="">
				</div>

			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
		</div>
	</div>
	<!-- 正文 -->
	<div class="main">
		<!-- 服务项目 -->
		<div class="content">
			<div class="project">
				<div class="project_title">
					<h1>
						<span>-服务</span>
						<span class="font_item">项目-</span>
					</h1>
					<div class="hr_2"></div>
					<div class="project_info">
						技术更跨界，创意更自由。西安网站建设知名品牌！
						<div class="project_info_en">ENHANCE CORPORATE BRAND BUSINESS VALUE IS OUR MOST FUNDAMENTAL </div>
					</div>
				</div>
				<div class="swiper-container" id="swiper_server">
					<div class="swiper-wrapper">
			            <!-- 第一个 -->
						<div class="server_item_box swiper-slide">
							<div class="server_item font_c_b">
								<div class="top_icon">
									<img src="./img/index_25.png" alt="">
								</div>
								<div class="mask_top_left"></div>
								<div class="mask_top_right"></div>
								<div class="mask_bottom_right"></div>
								<div class="mask_bottom_left"></div>
								<div class="server_item_content">
									<h1>小程序开发</h1>
									<div class="hr_2"></div>
									<div class="text">
										一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用"触手可及"的梦想。
									</div>
								</div>
							</div>
						</div>
						<!-- 第二个 -->
						<div class="server_item_box swiper-slide">
							<div class="server_item font_c_o">
								<div class="top_icon">
									<img src="./img/index_27.png" alt="">
								</div>
								<div class="mask_top_left"></div>
								<div class="mask_top_right"></div>
								<div class="mask_bottom_right"></div>
								<div class="mask_bottom_left"></div>
								<div class="server_item_content">
									<h1> 微信二次开发</h1>
									<div class="hr_2"></div>
									<div class="text">
										一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用"触手可及"的梦想。
									</div>
								</div>
							</div>
						</div>
						<!-- 第三个 -->
						<div class="server_item_box swiper-slide">
							<div class="server_item font_c_b">
								<div class="top_icon">
									<img src="./img/index_29.png" alt="">
								</div>
								<div class="mask_top_left"></div>
								<div class="mask_top_right"></div>
								<div class="mask_bottom_right"></div>
								<div class="mask_bottom_left"></div>
								<div class="server_item_content">
									<h1>APP开发</h1>
									<div class="hr_2"></div>
									<div class="text">
										一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用"触手可及"的梦想。
									</div>
								</div>
							</div>
						</div>
						<!-- 第四个 -->
						<div class="server_item_box swiper-slide">
							<div class="server_item font_c_o">
								<div class="top_icon">
									<img src="./img/index_32.png" alt="">
								</div>
								<div class="mask_top_left"></div>
								<div class="mask_top_right"></div>
								<div class="mask_bottom_right"></div>
								<div class="mask_bottom_left"></div>
								<div class="server_item_content">
									<h1>门户建站</h1>
									<div class="hr_2"></div>
									<div class="text">
										一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用"触手可及"的梦想。
									</div>
								</div>
							</div>
						</div>
						<!-- 第五个 -->
						<div class="server_item_box swiper-slide">
							<div class="server_item font_c_b">
								<div class="top_icon">
									<img src="./img/index_35.png" alt="">
								</div>
								<div class="mask_top_left"></div>
								<div class="mask_top_right"></div>
								<div class="mask_bottom_right"></div>
								<div class="mask_bottom_left"></div>
								<div class="server_item_content">
									<h1>企业商城</h1>
									<div class="hr_2"></div>
									<div class="text">
										一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用"触手可及"的梦想。
									</div>
								</div>
							</div>
						</div>
						<!-- 第6个 -->
						<div class="server_item_box swiper-slide">
							<div class="server_item font_c_o">
								<div class="top_icon">
									<img src="./img/index_35.png" alt="">
								</div>
								<div class="mask_top_left"></div>
								<div class="mask_top_right"></div>
								<div class="mask_bottom_right"></div>
								<div class="mask_bottom_left"></div>
								<div class="server_item_content">
									<h1>网络营销推广</h1>
									<div class="hr_2"></div>
									<div class="text">
										一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用"触手可及"的梦想。
									</div>
								</div>
							</div>
						</div>
						<!-- 第7个 -->
						<div class="server_item_box swiper-slide">
							<div class="server_item font_c_b">
								<div class="top_icon">
									<img src="./img/index_35.png" alt="">
								</div>
								<div class="mask_top_left"></div>
								<div class="mask_top_right"></div>
								<div class="mask_bottom_right"></div>
								<div class="mask_bottom_left"></div>
								<div class="server_item_content">
									<h1>SEO</h1>
									<div class="hr_2"></div>
									<div class="text">
										一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用"触手可及"的梦想。
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>            
				
			</div>
		</div>
		<div class="hr_icon">
			<div class="icon">
				<img src="./img/index_43.png" alt="">
			</div>
		</div>
		<!-- 关于我们 -->
		<div class="about_us">
			<div class="bg"></div>
			<div class="mask">
			</div>
		</div>
		<!-- 案例演示 -->
		<div class="content">
			<div class="project">
				<div class="project_title">
					<h1>
						<span class="">-案例</span>
						<span class="font_item">展示-</span>
					</h1>
					<div class="hr_2"></div>
					<div class="project_info">
						5年专注，网站建设
						<div class="project_info_en">5 years focus, the website construction </div>
					</div>
				</div>

				<ul class="btn_nav">
					<li data-index="0" class="active">小程序</li>
					<li data-index="1">品牌官网</li>
					<li data-index="2">企业商城</li>
				</ul>
				<div class="anli">
					<div class="swiper-container" id="anli_swiper">
						<div class="swiper-wrapper">

							<div class="swiper-slide">
								<!-- 小程序 -->
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
								<div class="xcx_item"></div>
							</div>
							<div class="swiper-slide">
								<!-- 品牌官网 -->
								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>
							</div>
							<div class="swiper-slide">
								<!-- 企业商城 -->
								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>

								<div class="gw_item">
									<div class="img">
										<img src="./img/web.jpg" alt="">
									</div>
									<div class="text">一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用一种不需要下载安装即可使用的应用，它实现了应用</div>
								</div>
							</div>

						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination"></div>
					</div>
				</div>
				<div></div>
			</div>
		</div>
		<div class="hr_icon">
			<div class="icon">
				<img src="./img/index_43.png" alt="">
			</div>
		</div>
		<!-- 解决方案 -->
		<div class="bg2">
			<div class="bg"></div>
			<div class="mask">
			</div>
			<div class="project_title solve_title">
				<h1>
					<span>-解决</span>
					<span class="font_item">方案流程-</span>
				</h1>
				<div class="hr_2"></div>
				<div class="project_info">
					技术更跨界，创意更自由。西安网站建设知名品牌！
					<div class="project_info_en">ENHANCE CORPORATE BRAND BUSINESS VALUE IS OUR MOST FUNDAMENTAL </div>
				</div>
			</div>
			<div class="fangan_box">
				<div class="fangan">
					<div class="fa_item">
						<img src="./img/index_80.png">
						<p class="h2">移动电商</p>
						<p class="h3">"数度科技"为客户提供全面的咨询、定制、开发等系列服务</p>
					</div>
					<div class="fa_item">
						<img src="./img/index_81.png">
						<p class="h2">移动电商</p>
						<p class="h3">"数度科技"为客户提供全面的咨询、定制、开发等系列服务</p>
					</div>
					<div class="fa_item">
						<img src="./img/index_82.png">
						<p class="h2">移动电商</p>
						<p class="h3">"数度科技"为客户提供全面的咨询、定制、开发等系列服务</p>
					</div>
					<div class="fa_item">
						<img src="./img/index_83.png">
						<p class="h2">移动电商</p>
						<p class="h3">"数度科技"为客户提供全面的咨询、定制、开发等系列服务</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 新闻/咨询 -->
		<div class="content">
			<div class="project news_project">
				<div class="project_title">
					<h1>
						<span class="">-新闻</span>
						<span class="font_item">咨询-</span>
					</h1>
					<div class="hr_2"></div>
					<div class="project_info">
						技术更跨界，创意更自由。西安网站建设知名品牌！
						<div class="project_info_en">ENHANCE CORPORATE BRAND BUSINESS VALUE IS OUR MOST FUNDAMENTAL </div>
					</div>
				</div>
			</div>
			<ul class="list_nav">
				<li data-num="0" class="focus">公司简介</li>
				<li data-num="1">公司新闻</li>
				<li data-num="2">行业新闻</li>
				<li data-num="3">联系我们</li>
			</ul>
			<div class="swiper-container" id="news_swiper">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<main>
							<div class="conter typeArea">
								<div class="lear hub">
									<div class="con-left">
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
									</div>
									<div class="con-zhong">
										<div class="xian">
											<em class="a"></em>
											<em class="c"></em>
											<em class="d"></em>
											<em class="e"></em>
										</div>
									</div>
									<div class="con-right">
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
									</div>
								</div>
							</div>
						</main>
					</div>
					<div class="swiper-slide">
						<main>
							<div class="conter typeArea">
								<div class="lear hub">
									<div class="con-left">
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
									</div>
									<div class="con-zhong">
										<div class="xian">
											<em class="a"></em>
											<em class="c"></em>
											<em class="d"></em>
											<em class="e"></em>
										</div>
									</div>
									<div class="con-right">
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
									</div>
								</div>
							</div>
						</main>
					</div>
					<div class="swiper-slide">
						<main>
							<div class="conter typeArea">
								<div class="lear hub">
									<div class="con-left">
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
									</div>
									<div class="con-zhong">
										<div class="xian">
											<em class="a"></em>
											<em class="c"></em>
											<em class="d"></em>
											<em class="e"></em>
										</div>
									</div>
									<div class="con-right">
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
									</div>
								</div>
							</div>
						</main>
					</div>
					<div class="swiper-slide">
						<main>
							<div class="conter typeArea">
								<div class="lear hub">
									<div class="con-left">
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
										<div class="b"></div>
										<div class="date"><span>2018/05/19</span></div>
									</div>
									<div class="con-zhong">
										<div class="xian">
											<em class="a"></em>
											<em class="c"></em>
											<em class="d"></em>
											<em class="e"></em>
										</div>
									</div>
									<div class="con-right">
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
										<div class="h">
											<h1 class="rig-h1">微信公众号二次开发和小程序之间的区别</h1>
											<p class="rig-p">对于,近来使用比例日益增加的前端来说,其使用也变得多种多样,不仅仅是简单的静态页面,pc端网页,现在,移动端,微信开发再加上今年正式上线的小程序,前端的职能越来越多,今天,聊一聊,这几种开发之间的区别…</p>
											<p class="rig-p2"><a href="">了解更多<span>>></span></a></p>
										</div>
									</div>
								</div>
							</div>
						</main>
					</div>	
				</div>	
			</div>	
		</div>
	</div>
	<!-- 公司特色 -->
	<div class="label_list clearfix">
		<div class="label_nav clearfix">
			<div class="label clearfix">
				<span class="left">10</span>
				<p class="right_top">年行业经验</p>
				<span class="right_bottom">10年行业运营管理团队</span>
			</div>
			<div class="label clearfix">
				<div class="left add">500
					<span class="left_l">+</span>
				</div>
				<p class="right_top">500<span class="left_r">+</span><span class="cous">客户</span></p>
				<span class="right_bottom">服务客户超过500家</span>
			</div>
			<div class="label clearfix">
				<span class="left">6</span>
				<p class="right_top">大特色服务</p>
				<span class="right_bottom">放心、贴心、用心、热心、专心、安心</span>
			</div>
		</div>	
	</div>
	<div class="hr_icon">
		<div class="icon">
			<img src="./img/index_71.png" alt="">
		</div>
	</div>
	<!-- 底部 -->
	<div class="footer">
		<footer class="clearfix">
			<div class="foot one">
				<span>帮助</span>
				<ul>
					<li>网站赚钱技巧</li>
					<li>活动指南</li>
					<li>微营销</li>
				</ul>
			</div>
			<div class="foot two">
				<span>解决方案</span>
				<ul>
					<li>移动电商</li>
					<li>企业分销</li>
					<li>移动金融</li>
					<li>微信定制</li>
				</ul>
			</div>
			<div class="foot three">
				<span>项目服务</span>
				<ul>
					<li>微信二次开发</li>
					<li>企业网上商城</li>
					<li>SEO优化</li>
					<li>企业门户网站建设</li>
				</ul>
			</div>
			<div class="foot four">
				<span>扫一扫优惠</span>
				<img src="./img/135k_03.png">
			</div>
			<div class="foot five">
				<span>联系方式</span>
				<ul>
					<li>
						<i class="i_1"></i>
						<p>029-8626-3319</p>
					</li>
					<li>
						<i class="i_0"></i>
						<p>029-8626-9759(售后)</p>
					</li>
					<li>
						<i class="i_2"></i>
						<p>029-8626-3319</p>
					</li>
					<li>
						<i class="i_3"></i>
						<p>029-8626-3319</p>
					</li>
				</ul>
			</div>
		</footer>
		<div class="copyright">
			<p>
				<a href="#">西安总部：陕西省西安市未央区朱宏路与凤城八路十字东南角鼎正大都城1单元1303室</a>
			</p>
			<a href="#">全国统一服务热线：029-8579-6550 Copyright © 2008-2016 www.4hl.cn 网站名称 西安数度网络科技有限公司 备案号：陕ICP备14003351号</a>
		</div>
	</div>
	<script src="./js/swiper.min.js"></script>
	<script src="./js/jquery.min.js"></script>
	<script src="./js/jquery.nicescroll.min.js"></script>
	<script>
		var banner_width = document.querySelector(".banner").offsetWidth
		var banner_bili = banner_width / 1920;
		var about_us_width = document.querySelector(".about_us").offsetWidth
		var about_us_bili = about_us_width / 1920;
		document.querySelector(".banner").style.height = 700 * banner_bili + "px"
		document.querySelector(".about_us").style.height = 490 * about_us_bili + "px"
		// 滚动条
		$('#content').niceScroll({
			cursorcolor: "#ffab26",//#CC0071 光标颜色
			cursoropacitymax: 1, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0
			touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
			cursorwidth: "5px", //像素光标的宽度
			cursorborder: "0", // 游标边框css定义
			cursorborderradius: "5px",//以像素为光标边界半径
			autohidemode: false, //是否隐藏滚动条
			zindex: '100'
		});
		// 初始化banner
		var swiper = new Swiper('#banner_swiper', {
			loop: true,
			speed: 500,
			autoplay: {
				delay: 3000,//1秒切换一次
			},
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},
			pagination: {
				el: '.swiper-pagination',
				clickable:true
			},
		});
		// 初始化案例
		var anli_swiper = new Swiper('#anli_swiper', {
			simulateTouch: false,//禁止鼠标模拟
			speed: 500,

		});

		$(".btn_nav li").click(function () {
			$(this).addClass("active").siblings(".active").removeClass("active")
			var k = $(this).attr("data-index");
			anli_swiper.slideTo(k, 500, function () {

			})
		})
		// 初始化新闻
		var news_swiper = new Swiper('#news_swiper', {
			simulateTouch: false,//禁止鼠标模拟
			speed: 500,

		});

		$(".list_nav li").click(function () {
			$(this).addClass("focus").siblings(".focus").removeClass("focus")
			var s = $(this).attr("data-num");
			news_swiper.slideTo(s, 500, function () {

			})
		})
		var swiper = new Swiper('#swiper_server', {
			simulateTouch: false,//禁止鼠标模拟
			slidesPerView: 5,
			spaceBetween: 30,
			clickable: true,
			autoplay:1500,
			autoplay:true,
			speed: 500,
			loop: true,
		});
		function more(txt, num) {
	        var str = txt;
	        // 控制字数
	        str = str.substr(0, 18) + '...';
	        var num = document.getElementById(num);
	        num.innerText = str;
	    }
	</script>
</body>

</html>